<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/frog.svg" />
    <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0" /> -->
    <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover, user-scalable=0">
    <!-- width=device-width：确保页面宽度与设备宽度一致。
    initial-scale=1.0：初始缩放比例设为 1.0。
    maximum-scale=1.0：最大缩放比例设为 1.0，禁止用户放大页面。
    minimum-scale=1.0：最小缩放比例设为 1.0，禁止用户缩小页面。
    viewport-fit=cover：确保页面适配设备屏幕，避免出现空白区域。
    user-scalable=0：禁止用户进行缩放操作。 -->
    <title>paper-frog</title>
  </head>
  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.ts"></script>
  </body>
  <script type="text/javascript">
    window._AMapSecurityConfig = {
        securityJsCode:'0b721dcd79a0fb5445493c036f44bcba',
    }
  </script>
  <style lang="scss">
    /* 默认的CSS变量集合 */
    :root {
      --background: #ffffff;
      --text-color: #333;
    }

    /* 修改主题的类 */
    .dark {
      --background: #121212;
      --text-color: #f1f1f1;
    }

    ::view-transition-old(root),
    ::view-transition-new(root) {
      animation: none;
    }
    ::view-transition-old(root),
    .dark::view-transition-new(root) {
      z-index: 1;
    }
    
    ::view-transition-new(root),
    .dark::view-transition-old(root) {
      z-index: 9999;
    }

    body {
      background-color: var(--background);
    }

    /* 使用默认样式 */

  </style>
  <!-- vconsole -->
  <!-- <script src="https://unpkg.com/vconsole@3.5.2/dist/vconsole.min.js"></script>
  <script>
    window.vConsole = new window.VConsole()
  </script> -->
</html>
